body {
	margin:0;
	background:#ffffff;
	padding:0;
	font-family:arial;
}

#mainPanel{
	width:1050px;
	height:100%;
	background:#ffffff;
	text-align:middle;
	padding-bottom:10px;
	padding-top:5px;
	z-index: 25;
	margin-top:1px;

}


.transDiv{
	background-color:#eeeeee;            
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
    position:absolute;

    z-index:100;
}

.linkText {
	color: blue;
	cursor: pointer;
	margin-bottom:3px;
}

.mainTitle{
        margin:5px;
        padding:5px;
        width:98%;
		text-align:middle;
        font-weight:bold;
        color:#006749;
        font-size:18px;    
        
}

.footerText {
	color: #006730;
	font-size:.75em;
	text-align:center;
}


.speciesSearchBar {

    background:#ccdecc;
    font-weight:bold;
    color:#006749;
    font-size:.75em;
    border-bottom:6px solid #ceeeee;
	border-top:6px solid #ceeeee;
    text-align:middle;
	width: 98%;
	vertical-align:center;
	padding:3px;
}

.speciesSearchButton {
	cursor:pointer;
	font-weight:bold;
	color:#006059;
	background:#9acaed;
	width:110px;
	height:25px;
	font-size:.9em;
	margin-top:0px;
	 
}

.missingSpeciesButton {
	cursor:pointer;
	font-weight:bold;
	color:#006059;
	background:#eacaad;
	width:200px;
	height:25px;
	font-size:.9em;
	margin-top:0px;

	 
}

#speciesSearchBox {
	height:20px;
	border:1px solid #006749;
	width:200px;
 
	margin-top:0px;
	margin-bottom:0px;
}

.searchBarFooter {
	width:96%;
	height:3px;
	background:#eeeeee;
	border-bottom:1px solid #00b0a9;
}

.searchBarHeader {
	width:96%;
	height:3px;
	background:#eeeeee;
	border-top:1px solid #00b099;
}

#geoMapPanel {
	
	vertical-align:top;
	text-align:center;
	background:#e9f7f9;  
	border:1px solid #ceeeee;
	
}

.geoMapBox{
	text-align:left; 
	float:left;
	padding:7px;
}

.geoMapHeader{
	width:auto;
	
	color:#006749;	
	float:left;
	font-weight:bold; 
	padding:5px;
	font-size:.9em;
}

#geoMapSpeciesListBox {

	 
	width: auto;
	color:#0035ac;
	font-size:.75em;
	text-align:left;
	
	height:430px;
	margin-top:10px;
	float:right;
}
 

#geoMapSpeciesListHeader{
	padding-top:10px;
	width: 360px;
	
	font-weight:bold;
	font-size:.75em;
	color:#579977;
	text-align:left;
	float:right;
}

#pieChartPanel {
	
	vertical-align:top;
	
	background:#e9f7f9;  
	border:1px solid #ceeeee;
	
}

.pieChartBox{
text-align:left;
	height:422px;
	width:420px;
	float:right;
}

.filterHeader {
	 
	height:auto;
	text-align:left;
	color:#990000;
	font-size:.9em;
	padding-left:7px;
	
}

.pieChartHeader{
	width:auto;
	 float:left;
	color:#006749;	
 
	font-weight:bold; 
	padding:5px;
	font-size:.9em;
}    

#pieChartSpeciesListPanel {
	width: 360px;
	float:left;
	
}

#pieChartSpeciesListBox {
	 
	
	width: 360px;
	color:#0035ac;
	font-size:.75em;
	text-align:left;
	padding-left:5px;
	margin-right:15px;
	padding-top:10px;
	
	
}

#pieChartSpeciesListHeader{
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-right:15px;
	font-weight:bold;
	font-size:.75em;
	color:#579977;
	width: 360px;
}

.pieChartTooltip {
	
	 padding-left:35px;
	 font-weight:bold;
	 z-index: 1000;
	 margin-top:-80px;
	 font-size:.75em;
	 width:200px;
  }
  
  .restoreButton{
	border: 1px solid #7a9acd;
	padding:2px;
	margin-top:8px;
    color:blue;
	cursor:pointer;
    background:#9acaed;
	width:70px;
	vertical-align:top;
	font-size:.75em;
	font-weight:bold;
	text-align:center;
	white-space: nowrap;
	
  }
  
  .optionBar {
    margin-top:10px;
	padding-right:5px;
	padding-top:5px;
	text-align:right;
	height:30px;
	margin-bottom:3px;
	background:#ceeeee;
	vertical-align:middle;
	width:100%;
  }
  
  .optionButton {
	border: 1px solid #7a9acd;
	padding:2px;
    color:#007039;
	cursor:pointer;
    background:#9acaed;
	width:60px;
	font-size:.75em;
	font-weight:bold;
	text-align:center;
	height:17px;
	margin-right:3px;
	margin-bottom:10px;
	float:right;
  }
  
  .minimizeButton {
	border: 1px solid #997070;
	padding:2px;
    color:#904039;
	cursor:pointer;
    background:#edcada;
	width:15px;
	font-size:.95em;
	font-weight:bold;
	text-align:center;
	height:17px;
	margin-right:3px;
	float:right;
	font-weight:bold;
  }
 
   
  .recommendationButton {
	#border: 1px solid #7a9acd;
	padding:2px;
    color:#003990;
	cursor:pointer;
    #background:#edca9a;
	width:auto;
	font-size:.75em;
	font-weight:bold;
	text-align:left;
	height:17px;
	margin-left:3px;
	margin-bottom:10px;
	float:left;
  }
  
  
 #informationOverlay {
      
        position:absolute;      
        top:360px;
		left:0px;
		text-align:center;
		width:100%;
		z-index:55;
}

#informationPanel{		
        
        border:1px solid #9acaed;
		background:#ffffff;
		height:140px;
		width:500px;
		padding:15px;
		 
		text-align:left;
		color:#006749;
		font-size:.75em;
		
  }

  
#speciesInformationOverlay {
      
        position:absolute;      
        top:260px;
		left:0px;
		text-align:center;
		width:100%;
		z-index:55;
}

#speciesInformationPanel{		
        
        border:1px solid #9acaed;
		background:#ccdecc;
		height:auto;
		width:1120px;
		padding:15px;
		 
		text-align:left;
		color:#006749;
		font-size:.75em;
		
  }

  
  #speciesInformationLinkBox {
		
		

		padding-left:0px;
		z-index:52;
		
		padding-top:5px;
 
  
  }
  
    
  #speciesGeoMap {
    border:1px solid #9acaed;
	background:#ffffff;
	padding:5px;
	width:375px;
  }
      
  #speciesNSMap {
   
  }
  
  #speciesSearchResultOverlay {
        left: 0px;
        position:absolute;      
        top:260px;
		text-align:center;
		width:100%;
		z-index:53;
}

#speciesSearchResultPanel{		
        
        border:1px solid #9acaed;
		background:#deeeee;
		height:440px;
		width:600px;
		padding:15px;
		 
		text-align:left;
		color:#006749;
		font-size:.75em;
		
  }
  
 #missingSpeciesOverlay {
        left: 0px;
        position:absolute;      
        top:260px;
		text-align:center;
		width:100%;
		z-index:53;
}

#missingSpeciesPanel{		
        
        border:1px solid #9acaed;
		background:#deeeee;
		height:600px;
		width:680px;
		padding:15px;
		 
		text-align:left;
		color:#006749;
		font-size:.75em;
		
  }
  
